<template>
	<div class="web-team-login">
		<div class="web-team-login-container">
			<img class="web-team-login-logo" src="../assets/image/icon_logo.png" >
			<div class="web-team-login-center">
				<router-view />
			</div>
		</div>
	</div>
</template>

<script lang="ts" setup>
	
</script>

<style lang="scss">
	.web-team-login{
		width: 100%;
		height: 100%;
		background: url(../assets/image/icon_login_bc.png) no-repeat;
		background-size: 100% 100%;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		.web-team-login-center{
			background-color: white;
			width: 400px;
			border-radius: 8px;
			
		}
		.web-team-login-logo{
			width: 300px;
			display: block;
			margin: 0 auto;
			margin-bottom: 20px;
		}
	}
</style>
